<include file="Public/min-header" />
<link href="__PUBLIC__/plugins/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
<script src="__PUBLIC__/plugins/daterangepicker/moment.min.js" type="text/javascript"></script>
<script src="__PUBLIC__/plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
<style>
	th{text-align: center;}
	.myzorder li{float: left;list-style: none;margin-left: 5px;text-align: center;border: 1px solid #eee;line-height: 30px;}
</style> 
<div class="wrapper"> 
    <include file="Public/breadcrumb"/>
	<section class="content">
       <div class="row">
       		<div class="col-xs-12">
	       		<div class="box">
	             <div class="box-header">
	             <div class="row">
  					<div class="col-md-10">
  						<form action="" method="post">
<!-- 		  					<div class="col-xs-2">
		  						<div class="form-group margin">
				                  <select name="cat_id" id="cat_id" class="form-control">
				                    <option value="0">所有分类</option>
				                    <foreach name="categoryList" item="v" key="k" >
				                        <option value="{$v['id']}" <if condition="$cat_id eq $v[id]">selected</if>> {$v['name']}</option>
							 		</foreach>
				                  </select>
			                  </div>
		  					</div>	
		  					<div class="col-xs-2">
		  					    <div class="form-group margin">
				                  <select name="brand_id" id="brand_id" class="form-control">
				                    <option value="0">所有品牌</option>
				                        <foreach name="brandList" item="v" key="k" >
				                           <option value="{$v['id']}" <if condition="$brand_id eq $v[id]">selected</if>>{$v['name']}</option>
										</foreach>
				                  </select>
				                </div>   	
                			</div>	 -->
				  			<div class="col-xs-4">
					            <div class="input-group margin">
						            <div class="input-group-addon">
						               	出入库时间  <i class="fa fa-calendar"></i>
						            </div>
					               <input type="text" class="form-control pull-right" name="timegap" value="{$timegap}" id="start_time">
					            </div>
				  			</div>	
                   		 	<div class="col-xs-1"><input class="btn btn-block btn-info margin" type="submit" value="确定"></div>
                  		</form>
                 	</div>
		  		  </div>
	             </div><!-- /.box-header -->
	             <div class="box-body">
	           	 <div class="row">
	            	<div class="col-sm-12">
		              <table id="list-table" class="table table-bordered table-striped dataTable" role="grid" aria-describedby="example1_info">
		                 <thead>
		                   <tr role="row">
			                   <th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" aria-sort="ascending">ID</th>         
			                   <th class="sorting" tabindex="0" aria-controls="example1" >设备名</th>
			                   <th class="sorting" tabindex="0" aria-controls="example1" >车牌号</th>			                   
			                   <th class="sorting" tabindex="0" aria-controls="example1" >订单数</th>
			                   <th class="sorting" tabindex="0" aria-controls="example1" >出车金额</th>
		                  	   <th class="sorting" tabindex="0" aria-controls="example1" >出车日期</th>
		                   </tr>
		                 </thead>
						<tbody>
							<?php
							$heji_d=$heji_c=0;
							?>
                         <foreach name="list" item="vo">
							 <?php
							 $heji_d+=$vo['danshu'];
							 $heji_c+=$vo['jine'];
							 ?>
                          <tr role="row" align="center">
                          	 <td>{$vo.id}</td>
                             <td>{$vo.pda_name}</td>
		                     <td>{$vo.user_name}</td>
		                     <td style="color: green;">{$vo.danshu}</td>		           
		                     <td style="color: red;">{$vo.jine}</td>
		                     <td>{$begin|date="Y-m-d",###}~{$end|date="Y-m-d",###}</td>
		                   </tr>
						   
						   <tr>
							   <td colspan="6" style="border: 1px dashed #eee;">
								<ul class="myzorder">
						  <foreach name="vo['zorder']" item="vs" key="k">
							  <li style="width: 50px;">{:$k+1}</li>
								<li style="width: 250px;">单号：{$vs.order_sn}</li>
								<li style="width: 150px;">{$vs.consignee}</li>
								<li style="width: 100px;">件数：{$vs.jian_count}</li>
								<li style="width: 150px;color: sandybrown;">金额：￥{$vs.tongji}</li>
								<div style="clear: both;"></div>
		                  </foreach>
						  <ul>
						  </td>
						  </tr>
						  
						  </foreach>
		                   </tbody>
						   <tbody>
						   	<tr style="font-size: 16px;color: red;">
						   		<td colspan="3" align="right">合计：</td>
						   		<td align="center">{$heji_d}</td>
						   		<td align="center">{$heji_c}</td>
						   		<td></td>
						   	</tr>
						   </tbody>
		                 <tfoot>
		                 </tfoot>
		               </table>
	               </div>
	          </div>
              <div class="row">
              	    <div class="col-sm-6 text-left"></div>
                    <div class="col-sm-6 text-right">{$page}</div>		
              </div>
	          </div>
	        </div>
       	</div>
       </div>
   </section>
</div>
<script>

$(document).ready(function() {
	$('#start_time').daterangepicker({
		format:"YYYY-MM-DD",
		singleDatePicker: false,
		showDropdowns: true,
		minDate:'2021-01-01',
		maxDate:'2030-01-01',
		startDate:'2021-01-01',
        showWeekNumbers: true,
        timePicker: false,
        timePickerIncrement: 1,
        timePicker12Hour: true,
        ranges: {
           '今天': [moment(), moment()],
           '昨天': [moment().subtract('days', 1), moment().subtract('days', 1)],
           '最近7天': [moment().subtract('days', 6), moment()],
           '最近30天': [moment().subtract('days', 29), moment()],
           '上一个月': [moment().subtract('month', 1).startOf('month'), moment().subtract('month', 1).endOf('month')]
        },
        opens: 'right',
        buttonClasses: ['btn btn-default'],
        applyClass: 'btn-small btn-primary',
        cancelClass: 'btn-small',
	    locale : {
            applyLabel : '确定',
            cancelLabel : '取消',
            fromLabel : '起始时间',
            toLabel : '结束时间',
            customRangeLabel : '自定义',
            daysOfWeek : [ '日', '一', '二', '三', '四', '五', '六' ],
            monthNames : [ '一月', '二月', '三月', '四月', '五月', '六月','七月', '八月', '九月', '十月', '十一月', '十二月' ],
            firstDay : 1
        }
	});
});
</script>
</body>
</html>